<template>
  <div>
    <div class="bigtitle"><h1>通知公告<span class="futit">Notice</span></h1></div>
    <div class="news">
      <ul>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
        <li>
          <router-link to="News_detail">
            <div class="date"><span>22</span>2018/12</div>
            <div class="infor"><h1>走近国际贸易“单一窗口”（一）“单一窗口”的国际背景</h1>
            <p>国际贸易“单一窗口”是国际口岸管理的先进理念和通行规则，是世界各国促进贸易便利化、优化营商环境的重要手</p></div>
            <div class="clear"></div>
          </router-link>
        </li>
      </ul>
    </div>

    
    <router-view  name="footer"></router-view>

  </div>
</template>


<script>
export default {
  name: 'News'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  @import '../assets/css/news.css';

  div {
    color: #42b983;
  }
</style>
